import React, { memo } from 'react';
import { Box } from './UserLove.style';
import CommodityItem from '@/components/commodityItem/CommodityItem';

function UserLove(props) {
    const {goodsList}=props
    // console.log(goodsList)
    return (
        <Box>
            <div className="title">猜你喜欢</div>
            <div className="list">
                {
                    goodsList.map((item,index)=>{
                        return (
                            <CommodityItem CommodityData={item} key={index+'userlove'} />
                        )
                    })
                }
            </div>
            
        </Box>
    )
}

export default memo(UserLove);
